.cardWrapper {
  padding: 2rem;
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.1s ease-in-out;
  border: 1px solid rgba(217, 222, 229);
  background-color: #ffffff;
}

.cardWrapper:hover {
  box-shadow: 0px 0.375rem 0.75rem rgba(0, 0, 0, 0.2);
}

.cardTitle {
  font-size: 1.125rem;
  margin-bottom: 1rem;
}

.cardText {
  font-size: 1.125rem;
  color: #6b7280;
}
[data-theme='dark'] .cardWrapper {
  background-color: #242526;
}
[data-theme='dark'] .cardWrapper:hover {
  box-shadow: 0px 0.375rem 0.75rem rgba(255, 255, 255, 0.2);
}
